.window {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

    > div {
        display: flex;
        overflow: hidden;
        width: 210px;
        flex-direction: column;
        align-items: center;
        margin: 0 12px 12px 0;

        .windowName {
            overflow: hidden;
            width: 200px;
            font-weight: 500;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
}

.windowShotSnap {
    display: flex;
    overflow: hidden;
    width: 150px;
    height: 150px;
    align-items: center;
    justify-content: center;
    border: 2px solid rgb(28 157 237);
    border-radius: 4px;

    img {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 100%;
    }
}

.selectedWindow {
    border: 2px solid rgb(241 66 46);
}

:global {
    .ant-modal-mask {
        top: 30px;
    }
}
